<template>
  <div>
    <div v-for="(item,index) in list" :key="index">
      {{item.title}}
      <div v-if="item.childern" class="item-childern">
        <detail-list :list="item.childern"></detail-list>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailList',
  props: {
    list: Array
  }
}
</script>

<style scoped lang="stylus">
  .item-childern
    padding .1rem .2rem
</style>
